@charset "UTF-8";
/* header样式 */
.bar-box { box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; width: 100%; height: 100%; }

.bar-box .bar-left, .bar-box .bar-right { display: -webkit-flex; display: flex; align-items: center; height: 100%; }

.bar-box .bar-left img, .bar-box .bar-right img { width: 1.45rem; height: 1.45rem; }

.bar-box .bar-left a, .bar-box .bar-right a { color: #5f646e; }

.bar-box .searchs { flex: 1; margin: 0 0.5rem; }

.bar-box .bar-right img { margin-right: 0.5rem; }

/* banner */
.banner { width: 100%; /* swiper */ /*  .banner-footer { box-sizing: border-box; background: #fff; .small-banner { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center; color: inherit; img { width: 2rem; height: 2rem; margin-bottom: 0.5rem; } span { font-size: 0.7rem; } } } */ }

.banner .myswiper { box-sizing: border-box; width: 100%; height: 11rem; padding: 0; }

.banner .myswiper .swiper-slide img { width: 100%; height: 100%; }

/* card */
.cardlist { box-sizing: border-box; background: #fff; }

.cardlist .card_box { box-sizing: border-box; box-shadow: none; margin: 4%; }

.cardlist .card_box article { padding: 0; }

.cardlist .card_box article .card_box__content { padding-left: 0; color: inherit; }

.cardlist .card_box article .card_box__content .card_box__content_subtile { display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.cardlist .card_box .card_box_header a { font-size: 0.6rem; color: inherit; }

.cardlist .card_box .card_box_content { box-sizing: border-box; }

.cardlist .card_box .card_box_content > img { margin: 0.5rem 0; width: 100%; }

.cardlist .card_box .card_box_content .card-flex-box .card_flex__inner { padding: 0.5rem 0; }

.cardlist .card_box .card_box_content .card-flex-box .card_flex__inner p { margin: 0; }

.cardlist .card_box .card_box_content .card-flex-box .card_flex__inner .label-box { box-sizing: border-box; padding: 0.5rem 0; }

.cardlist .card_box .card_box_content .card-flex-box .card_flex__inner .label-box .label { box-sizing: border-box; margin-right: 0.2rem; padding: 0.2rem 0.5rem; border-radius: 1.35rem; border: 1px solid #e1e1e1; }

.cardlist .card_box .card_box_content .card-flex-box .card_flex__inner .label-box .label:nth-last-child(1) { margin-right: 0; }

.cardlist .card_box .card-footer_content { width: 100%; }

.cardlist .card_box .card-footer_content .card_flex__inner { padding: 0.5rem 0; }

.cardlist .card_box .card-footer_content .color-gray.label-box { display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.cardlist .card_box .card-footer_content .color-black { color: #3d4145; }

.cardlist .flex-postiton { flex-direction: row-reverse; }

.cardlist .flex-postiton .item-inner { margin-left: 0; }

/* 名师推荐 */
.teacher { box-sizing: border-box; width: 100%; background: #fff; }

.teacher .teacher-box { width: 100%; margin: 4% 0; padding-bottom: 4%; }

.teacher .teacher-box .header { min-height: 2.2rem; display: flex; display: -webkit-flex; align-items: center; padding: 0 4%; }

.teacher .teacher-box .teacher-card { box-sizing: border-box; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0.5rem; border: 1px solid #eee; border-radius: 4px; position: relative; }

.teacher .teacher-box .teacher-card img { width: 3.5rem; height: 3.5rem; border-radius: 50%; }

.teacher .teacher-box .teacher-card .teacher-title { display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; margin: 0.5rem 0; }

.teacher .teacher-box .teacher-card .teacher-title span { text-align: center; font-size: 0.75rem; }

.teacher .teacher-box .teacher-card .teacher-title .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.teacher .teacher-box .teacher-card a.button { width: 90%; }

.teacher .teacher-box .teacher-card .closed { position: absolute; top: 0; right: 0.3rem; color: #ccc; }

.teacher .teacher-box .swiper-wrapper { display: flex; display: -webkit-flex; justify-content: cenrer; align-items: center; }

.teacher .teacher-box .swiper-slide { width: 35%; }

.teacher .teacher-box .swiper-slide .lastchild { height: 100%; border: none; }

.teacher .teacher-box .swiper-slide .lastchild .more { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: #f6383a; display: flex; display: -webkit-flex; justify-content: center; align-items: center; }

.teacher .teacher-box .swiper-slide .lastchild .more img { width: 2rem; height: 2rem; border-radius: 0; }

.teacher .teacher-box .swiper-slide .lastchild p { color: #f6383a; }

.top_fixed { position: fixed; right: 4%; bottom: 4rem; }

.top { width: 3rem; height: 3rem; border: 1px solid #818181; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); display: none; }

.top a { display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0.7rem; color: #fff; }

.goods .card-flex-box { position: relative; }

.goods .card-flex-box .hot { display: none; position: absolute; top: 0.5rem; left: 0; height: 1rem; padding-left: 1rem; text-align: center; line-height: 1rem; color: #fff; background-color: #f00; }

.goods .card-flex-box .hot::after { position: absolute; content: ''; left: 100%; border: 0.5rem solid transparent; border-left-color: #f00; }

.goods .card-flex-box .isshow { display: block; }

/* .headline {
}

.activity {
}

.goods, .college, .public {
  display: none;
} */
